$(document).ready(function () {
    getLeftMenu()
    $(document).on('click', '.menu_box_item', function() {
        $('.menu_box_item').removeClass('menu_box_item_select');
        $(this).addClass('menu_box_item_select');
        $('.menu_box_item').not(this).removeClass('menu_box_item_select');
    });
    $('.unfold_all').click(function () {
        $('.menu_box_item').removeClass('menu_box_item_select');
        $('.menu_box_item').addClass('menu_box_item_select');
    })
    $('.query_type_item').click(function () {
        $('.query_type_item').removeClass('query_type_select');
        $(this).addClass('query_type_select');
        $('.query_type_item').not(this).removeClass('query_type_select');
        let type = $(this).data("type");
        switch (type) {
            case 'list':
                $(".type_list").css('display', 'flex')
                $(".type_logo").css('display', 'none')
                $(".type_china_map").css('display', 'none')
                $(".type_word_map").css('display', 'none')
                $(".message_source").css('margin-top', '10px')
                $("#listPagination").pagination(50,    //分布总数量，必须参数
                    {
                        callback: PageCallback,  //PageCallback() 为翻页调用次函数。
                        prev_text: "<",
                        next_text: ">",
                        items_per_page: 5,
                        num_edge_entries: 2,       //两侧首尾分页条目数
                        num_display_entries: 10,    //连续分页主体部分分页条目数
                        current_page: 0,   //当前页索引
                        link_to: "?id=__id__"  //分页的js中会自动把"__id__"替换为当前的数。0　
                    }
                );
                break;
            case 'logo':
                $(".type_list").css('display', 'none')
                $(".type_logo").css('display', 'flex')
                $(".type_china_map").css('display', 'none')
                $(".type_word_map").css('display', 'none')
                $(".message_source").css('margin-top', '10px')
                $("#logoPagination").pagination(50,    //分布总数量，必须参数
                    {
                        callback: PageCallback,  //PageCallback() 为翻页调用次函数。
                        prev_text: "<",
                        next_text: ">",
                        items_per_page: 5,
                        num_edge_entries: 2,       //两侧首尾分页条目数
                        num_display_entries: 10,    //连续分页主体部分分页条目数
                        current_page: 0,   //当前页索引
                        link_to: "?id=__id__"  //分页的js中会自动把"__id__"替换为当前的数。0　
                    }
                );
                break;
            case 'chinaMap':
                $(".type_list").css('display', 'none')
                $(".type_logo").css('display', 'none')
                $(".type_china_map").css('display', 'flex')
                $(".type_word_map").css('display', 'none')
                $(".message_source").css('margin-top', '530px')
                initChinaMap()
                break;
            case 'wordMap':
                $(".type_list").css('display', 'none')
                $(".type_logo").css('display', 'none')
                $(".type_china_map").css('display', 'none')
                $(".type_word_map").css('display', 'flex')
                $(".message_source").css('margin-top', '10px')
                break;
        }
    });
    $("#listPagination").pagination(50,    //分布总数量，必须参数
        {
            callback: PageCallback,  //PageCallback() 为翻页调用次函数。
            prev_text: "<",
            next_text: ">",
            items_per_page: 5,
            num_edge_entries: 2,       //两侧首尾分页条目数
            num_display_entries: 10,    //连续分页主体部分分页条目数
            current_page: 0,   //当前页索引
            link_to: "?id=__id__"  //分页的js中会自动把"__id__"替换为当前的数。0　
        }
    );
});

function PageCallback(page_index, jq) {

}

function initChinaMap() {
    var myChart = echarts.init(document.getElementById('chinaMab'));
    var provinceColor = {
        '广东': '#ffde33',
        '四川': '#ff7f50',
        '浙江': '#66cccc',
    };
    var option = {
        series: [
            {
                type: 'map',
                map: 'china', // 中国地图
                roam: false, // 开启鼠标缩放和平移漫游
                label: {
                    show: true // 显示省市名称
                },
                itemStyle: {
                    // 默认的样式
                    normal: {
                        areaColor: '#323c48', // 省份的颜色
                        borderColor: '#111' // 省份的边界颜色
                    },
                    // 高亮状态下的样式（鼠标悬浮时）
                    emphasis: {
                        areaColor: '#2a333d'
                    }
                },
                data: [
                    {
                        name: '新疆', itemStyle: {
                            normal: {
                                areaColor: '#F8DCB7'
                            }
                        }
                    },
                    {
                        name: '西藏', itemStyle: {
                            normal: {
                                areaColor: '#CFDCEF'
                            }
                        }
                    },
                    {
                        name: '甘肃', itemStyle: {
                            normal: {
                                areaColor: '#C3E2DD'
                            }
                        }
                    },
                    {
                        name: '青海', itemStyle: {
                            normal: {
                                areaColor: '#F1DCEB'
                            }
                        }
                    },
                    {
                        name: '四川', itemStyle: {
                            normal: {
                                areaColor: '#F8DCB7'
                            }
                        }
                    },
                    {
                        name: '云南', itemStyle: {
                            normal: {
                                areaColor: '#C5E1B1' // 湖北省的背景色设置为红色
                            }
                        }
                    },
                    {
                        name: '内蒙古', itemStyle: {
                            normal: {
                                areaColor: '#F1E9BA' // 湖北省的背景色设置为红色
                            }
                        }
                    },
                    {
                        name: '黑龙江', itemStyle: {
                            normal: {
                                areaColor: '#CFDCEF' // 湖北省的背景色设置为红色
                            }
                        }
                    },
                    {
                        name: '吉林', itemStyle: {
                            normal: {
                                areaColor: '#F1DCEB' // 湖北省的背景色设置为红色
                            }
                        }
                    },
                    {
                        name: '辽宁', itemStyle: {
                            normal: {
                                areaColor: '#C5E1B1' // 湖北省的背景色设置为红色
                            }
                        }
                    }
                    //... 添加更多省份数据
                ]
            }
        ]
    };
    myChart.setOption(option);
    myChart.on('click', function (params) {
        alert(params.name);
    });
}
function getLeftMenu() {
    var loadIndex = layer.load(2);
    let datas = {
        url: '/api/brand_category/getData',
        http_type: 'POST',
        datas: {
            'parent_id':0
        }
    }
    wxx.HttpReqeust(datas, function (response) {
        layer.close(loadIndex)
        if (response.code == 1) {
            $(".menu_box").children(".menu_box_item").remove();
            for (let i = 0; i < response.data.length; i++) {
                let menu_box_item = ''
                if(i==0){
                    menu_box_item = $("<div class='menu_box_item menu_box_item_select'></div>")
                }else {
                    menu_box_item = $("<div class='menu_box_item'></div>")
                }
                let menu_item_out = $("<div class='menu_item_out'></div>")
                let menu_item_out_span = $("<span></span>")
                $(menu_item_out_span).text(response.data[i].name)
                let menu_item_out_img = $("<img src='../../icons/icon_arrows_down.png'/>")
                $(menu_item_out).append(menu_item_out_span)
                $(menu_item_out).append(menu_item_out_img)
                let menu_item_drop = $("<div class='menu_item_drop'></div>")
                for (let j = 0; j < response.data[i].children.length; j++) {
                    let menu_item_drop_span = $("<span></span>")
                    $(menu_item_drop_span).text(response.data[i].children[j].name)
                    $(menu_item_drop).append(menu_item_drop_span)
                }
                $(menu_box_item).append(menu_item_out)
                $(menu_box_item).append(menu_item_drop)
                $(".unfold_all").before(menu_box_item)
            }
        } else {
            layer.alert(response.msg, {title: '温馨提示'});
        }
    });
}